<!DOCTYPE html>
<html lang="en-us">
<head>
  <meta charset="utf-8">
  <title>照片</title>
  <link rel="stylesheet" href="./dist/css/lightbox.min.css">
  <link rel="stylesheet" href="./src/css/style.css">
</head>
<body>

  <section>

    <div>

        <a class="example-image-link" href="./src/images/1.png" data-lightbox="example-set" data-title="Desc1"><img class="example-image" src="./src/images/1.png" alt=""/></a>
        <a class="example-image-link" href="./src/images/2.png" data-lightbox="example-set" data-title="Desc2"><img class="example-image" src="./src/images/2.png" alt=""/></a>
        <a class="example-image-link" href="./src/images/3.png" data-lightbox="example-set" data-title="Desc3"><img class="example-image" src="./src/images/3.png" alt=""/></a>
        <a class="example-image-link" href="./src/images/4.png" data-lightbox="example-set" data-title="Desc4"><img class="example-image" src="./src/images/4.png" alt=""/></a>
        <a class="example-image-link" href="./src/images/5.png" data-lightbox="example-set" data-title="Desc5"><img class="example-image" src="./src/images/5.png" alt=""/></a>
        <a class="example-image-link" href="./src/images/6.png" data-lightbox="example-set" data-title="Desc6"><img class="example-image" src="./src/images/6.png" alt=""/></a>
        <a class="example-image-link" href="./src/images/7.png" data-lightbox="example-set" data-title="Desc7"><img class="example-image" src="./src/images/7.png" alt=""/></a>
        <a class="example-image-link" href="./src/images/8.png" data-lightbox="example-set" data-title="Desc8"><img class="example-image" src="./src/images/8.png" alt=""/></a>
        <a class="example-image-link" href="./src/images/9.png" data-lightbox="example-set" data-title="Desc9"><img class="example-image" src="./src/images/9.png" alt=""/></a>

    </div>
  </section>


  <script src="./dist/js/lightbox-plus-jquery.min.js"></script>

</body>
</html>
